<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@include file="/common/common.jsp" %>
	<style type="text/css">
		.searchbox{
			margin-top: -3px;
		}
	</style>
	<title>SupplierList</title>
	<script type="text/javascript">
		$(function() {
			$('#dg').datagrid({
				url : '${proPath}/supplier/selectPage.action',
				//设置为true,自动适应，不会出现滚动条，如果要冻结列，需要设置为false，并设置width值
				fitColumns : true,
				//width : 800,
	
				toolbar : [ {
					iconCls : 'icon-add',
					text : '新增',
					handler : function() {
						alert('添加按钮');
						parent.$('#win').window({    
						    width:600,    
						    height:400,    
						    modal:true,
						    title:'新增',
						    collapsible:false,
						    minimizable:false,
						    maximizable:false,
						    draggable:false,
						    content:"<iframe src='${proPath}/base/goURL/supplier/insert.action' height='100%' width='100%' frameborder='0px' ></iframe>"  
						}); 

					}
				}, '-', {
					iconCls : 'icon-remove',
					text : '删除',
					handler : function() {
						alert('删除按钮');
						//获取选中的记录
						var array = $("#dg").datagrid("getSelections");
						//alert(array);
						//判断是否选中
						if (array.length > 0) {
						//定义数组，通过下边的用来存储选中记录的Id
							var ids = new Array();
							for (i = 0; i < array.length; i++) {
								ids[i] = array[i].supId;
								//alert(ids[i]);
							}
							//alert("ids" + ids);
							//如果需要锁整个页面，前面加parent.
							parent.$.messager.confirm('删除对话框', '您确认要删除吗？', function(r) {
								if (r) {
									alert(r);
									$.ajax({
									  url: "${proPath}/supplier/deleteByPks.action",
									  type:"POST",
									  //设置为传统方式传送参数,这样传到后端的数组的每一个元素的名字都是一样的
									  traditional:true,
									  data:{pks:ids},
									  success: function(html){
									  //重新刷新页面
									    $("#dg").datagrid("reload");
									    //请除所有勾选的行
									    $("#dg").datagrid("clearSelections");
									  },
									  error: function (XMLHttpRequest, textStatus, errorThrown) {
										    $.messager.alert('删除错误','请联系管理员！','error');
										},
									  dataType:'json'
									});


								}
							});

						} else {
							$.messager.show({
								title : '操作提示',
								msg : '请先选择要删除的记录。',
								timeout : 4000,
								showType : 'slide'
							});

						}
					}
				}, '-', {
					iconCls : 'icon-edit',
					text : '修改',
					handler : function() {
						alert('编辑按钮');
						//判断是否选中一行,且只能选中一行进行修改
						//获取选中的记录
						var array = $("#dg").datagrid("getSelections");
						//alert(array);
						//判断是否选中
						if (array.length == 1) {
						//定义数组，通过下边的用来存储选中记录的Id
							var id = array[0].supId;
							//如果需要锁整个页面，前面加parent.
							alert(id);
							parent.$('#win').window({    
							    width:600,    
							    height:400,    
							    modal:true,
							    title:'修改',
							    collapsible:false,
							    minimizable:false,
							    maximizable:false,
							    draggable:false,
							    content:"<iframe src='${proPath}/base/goURL/supplier/update.action' height='100%' width='100%' frameborder='0px' ></iframe>"  
							}); 
						} else {
							$.messager.show({
								title : '操作提示',
								msg : '请选择一条记录进行修改(只能选择一条)',
								timeout : 4000,
								showType : 'slide'
							});

						}
					}
				} , '-', {
					text : "<input type='text' id='ss' name='keyWord'/>"
				} ],
				//设定是否换行显示数据， true为不换行
				nowrap : true,
				//指定主键字段
				idField : 'supId',
				//加载过程显示的内容
				loadMsg : '加载中...',
				//分布工具栏，设定为true时显示
				pagination : true,
	
				pageList : [3, 5, 10],
				pageSize : 5,
				//设定为true，显示行号
				rownumbers : true,
				//设定为true，在 多选 框中，只能选择一行,
				singleSelect : false,
				//设置为true时选择复选框，将选择所有行
				selectOnCheck : true,
	
				//冻结某些列	
				/*			
				frozenColumns : [ [ {
					checkbox : true
				}, {
					field : 'supId',
					width : 100,
					title : '编号',
					formatter : function(value, row, index) {
						return "<span title='"+value+"'>" + value + "</span>";
					}
	
				} ] ],
				 */
				
				//在DataGrid的onLoadSuccess事件中，修复tooltip，并可以自定义样式
				onLoadSuccess: function(){
                    $(".easyui-tooltip").tooltip({
                        onShow: function () {
                            $(this).tooltip('tip').css({
                                borderColor: '#000'
                            });
                        }
                    });
				},
				
				queryParams : {
					supName:'%%',
					supAddress:'%%',
					keyWord:'%%'
				},
	
				columns : [ [{
					checkbox : true
				}, {
					field : 'supId',
					title : '供应商编号'
				}, {
					field : 'supName',
					title : '供应商名称',
					width : 100,
					formatter : function(value, row, index) {
						return "<span title='"+value+"'>" + value + "</span>";
					}
				},{
					field : 'supLinkman',
					title : '联系人',
					width : 100,
					formatter : function(value, row, index) {
						return "<span title='"+value+"'>" + value + "</span>";
					}
				},{
					field : 'supPhone',
					title : '联系电话',
					width : 100,
					formatter : function(value, row, index) {
						return "<span title='"+value+"'>" + value + "</span>";
					}
				},{
					field : 'supAddress',
					title : '地址',
					formatter : function(value, row, index) {
						//直接在formatter里使用class="easyui-tooltip"不生效，看其它人说是被过滤了，因此要手工另外修复它
						return "<span title='" + value + "' class='easyui-tooltip'>" + value + "</span>";
					}
				},{
					field : 'supPay',
					title : '期初应付',
					width : 100,
					formatter : function(value, row, index) {
						return "<span title='"+value+"'>" + value + "</span>";
					}
				},{
					field : 'supType',
					title : '供应商类型',
					width : 100,
					formatter : function(value, row, index) {
						return valueToText("${applicationScope.sysParam.supType}",value);
					}
				},{
					field : 'supRemark',
					title : '备注',
					width : 100,
					formatter : function(value, row, index) {
						return "<span title='"+value+"'>" + value + "</span>";
					}
				} ] ]
			});
			
			$('#ss').searchbox({
				searcher : function(value, name) {
					//alert(name + "||" + value);
					$('#dg').datagrid('load', {
						keyWord:"%"+value+"%",
						supAddress : '%'+$('#supAddress').val()+'%'	
					});
				},
				prompt : '请输入供应商名称'
			});
		
		});
		
		
	</script>

</head>
<body style="margin:0px;">
	<table id="dg"></table>
</body>
</html>